<template>
    <div>
        <HeaderS :screenWidth="screenWidth" />
        <div class="page-content">
            <div class="no-found-page">
                <div class="img-box"></div>
                <p>- 页面不在家，待会儿再来吧 -</p>
            </div>
        </div>
    </div>
</template>
<script>
export default ({
    computed: {
        screenWidth() {
            return this.$store.getters.screenWidth
        }
    },

})
</script>
<style lang="scss" scoped>
.page-content {
    min-height: -webkit-calc(100vh - 25.52083vw);
    min-height: calc(100vh - 25.52083vw);
    min-width: 70.83333vw;
}

.no-found-page {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.no-found-page .img-box {
    background: url(@/assets/img/pc-404-pic.png) no-repeat center center / contain;
    width: 19.79167vw;
    height: 10.41667vw;
    margin: 0 auto;
}

.no-found-page p {
    font-size: 0.72917vw;
    color: #999;
    text-align: center;
    margin-top: 2.08333vw;
}
</style>